<template>
  <div>
      <el-col :span="12">
    <div class="item" style="height: 50px;width: 100%;font-size: 25px;"><span>客户管理</span></div>
    <el-menu
    :router="true"
      default-active="2"
      class="el-menu-vertical-demo"
  >
      <el-menu-item index="/system/customer/customerList">
        <span slot="title">客户列表</span>
        
      </el-menu-item>
      <el-menu-item index="/system/customer/customerAdd">
        <span slot="title">添加客户</span>
      </el-menu-item>
   
    </el-menu>
    <div class="item">
    
    </div>
  </el-col>
  <div class="right">
        <router-view></router-view>
  </div>
    
      
  </div>
</template>

<script>
import axios from 'axios';
export default {
  data() {
    return {
 
    }
  },
  methods:{
  
  },
 
}
</script>

<style lang="scss" scoped>
.el-col{
   width: 12%;
    border-right: 1px solid #ccc;
    .el-menu{
      border: 0;
    }
   .item{
     height: 60px;
     background-color: #fff;
     span{
 
       line-height: 50px;
     }
   }
}
.right{
  width:  86%;
  height: 80vh;
  float: left;
   background-color: #fff;
   margin-left: 8px;
}
</style>